import {searchByKeyword,searchByImage} from "../../../api/rubbish"
import Toast from '@vant/weapp/toast/toast';

const rubbishCategoryArr = [
  {
    id:"1",
    className:"可回收垃圾",
    imageUrl:"/assets/icon/rubbish/recyclable.png",
    introduction:"指废纸张、废塑料、废玻璃制品、废金属、废织物等适宜回收、可循环利用的生活废弃物。",
    includes:"报纸、纸箱、书本、广告单、塑料瓶、塑料玩具、油桶、酒瓶、玻璃瓶、易拉罐、旧铁锅、旧衣服、包、旧玩偶、旧数码产品、旧家电",
    handlingMethods:[
      "应尽量保持清洁干燥，避免污染",
      "废纸应保持平整",
      "立体包装应清空内容物，清洁后压扁投放",
      "废玻璃制品应轻投轻放，有尖锐边角的应包裹后投放"
    ]
  },
  {
    id:"2",
    className:"有害垃圾",
    imageUrl:"/assets/icon/rubbish/harmful.png",
    introduction:"指废电池、废灯管、废药品、废油漆及其容器等对人体健康或者自然环境造成直接或者潜在危害的生活废弃物。",
    includes:"废电池（充电电池、铅酸电池、镍镉电池、纽扣电池等）、废油漆、消毒剂、荧光灯管、含汞温度计、废药品及其包装物等",
    handlingMethods:[
      "应注意轻放",
      "废灯管等易破损的有害垃圾应连带包装或包裹后投放",
      "废弃药品宜连带包装一并投放",
      "杀虫剂等压力罐装容器，应排空内容物后投放",
      "在公共场所产生有害垃圾且未发现对应收集容器时，应携带至有害垃圾投放点妥善投放",
    ]
  },
  {
    id:"3",
    className:"湿垃圾",
    imageUrl:"/assets/icon/rubbish/wet.png",
    introduction:"即易腐垃圾，指食材废料、剩菜剩饭、过期食品、瓜皮果核、花卉绿植、中药药渣等易腐的生物质生活废弃物。",
    includes:"食材废料、剩菜剩饭、过期食品、瓜皮果核、花卉绿植、中药药渣等",
    handlingMethods:[
      "湿垃圾应从产生时就与其他品种垃圾分开收集，投放前尽量沥干水分",
      "有包装物的湿垃圾应将包装物去除后分类投放，包装物应投放到对应的可回收物或干垃圾收集容器",
      "盛放湿垃圾的容器，如塑料袋等，在投放时应予去除"
    ]
  },
  {
    id:"4",
    className:"干垃圾",
    imageUrl:"/assets/icon/rubbish/dry.png",
    introduction:"即其它垃圾，指除可回收物、有害垃圾、湿垃圾以外的其它生活废弃物。",
    includes:"餐盒、餐巾纸、湿纸巾、卫生间用纸、塑料袋、食品包装袋、污染严重的纸、烟蒂、纸尿裤、一次性杯子、大骨头、贝壳、花盆等",
    handlingMethods:["干垃圾应投入干垃圾收集容器，并保持周边环境整洁"]
  }
]

const rubbishCategory = ["可回收垃圾","有害垃圾","湿垃圾","干垃圾"]
Page({

  /**
   * 页面的初始数据
   */
  data: {
    active:0,
    rubbishCategoryArr,
    value:"",
    showSearchResult:false,
    secondChangeTab:false
  },

  // 通过关键字搜索
  async search(){
    let {keyword} = this.data
    if(keyword){
      Toast.loading("加载中...")
      console.log(keyword);
      let result = await searchByKeyword(keyword)
      console.log(result);
      if(result && result.data.code == 1){
        this.setSearchResult(result.data.data.aim)
        Toast.clear()
      }else{
        Toast.clear()
        Toast.fail("暂无结果")
      } 
    }else{
      Toast.fail("搜索失败")
    }

    this.setData({
      value:''
    })
  },
  // 获取搜索关键字 keyword
  changeKey(event){
    this.setData({
      keyword:event.detail
    })
  },
  // 清除关键字时，删除搜索结果
  clearKeyword(){
    this.setData({
      showSearchResult:false
    })
  },
  uploadImg(){
    let that = this
    wx.chooseMedia({
      count:1,
      mediaType:["image"],
      sourceType:["album"]
    }).then(res=>{
      Toast.loading("加载中...")
      wx.request({
        url: res.tempFiles[0].tempFilePath,
        method:"GET",
        responseType:"arraybuffer",
        async success(res){
          let base64 = wx.arrayBufferToBase64(res.data)
          // console.log(base64);
          let result = await searchByImage(base64)
          // console.log(result.data);
          if(result.data.data.aim){
            that.setSearchResult(result.data.data.aim)
            Toast.clear()
          }else{
            Toast.clear()
            Toast.fail("搜索失败")
          } 
        }
      })
    })
  },
  // 设置搜索结果
  setSearchResult(result){
    let {goodsName,goodsType} = result
      this.setData({
        goodsName,
        goodsType,
        showSearchResult:true,
        active:rubbishCategory.indexOf(goodsType),
        secondChangeTab:false
      })
  },
  // 切换tab标签时，隐藏搜索结果
  changeTab(){
    if(this.data.secondChangeTab){
      this.setData({
        showSearchResult:false
      })
    }
    this.setData({
      secondChangeTab:true
    })
  }
})